@charset "utf-8";

.mt-10{margin-top: 10px!important;}
.mt-20{margin-top: 20px!important;}
.mt-30{margin-top: 30px!important;}
.mt-45{margin-top: 45px!important;}
.mt-80{margin-top: 80px!important;}
.mb-100{margin-bottom: 100px!important;}

.f_left{float: left}
.f_right{float: right}

.slide-box {position: relative;}
.slide-box .banner-mask{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: .4;z-index: 1;}
.slide-box .banner-name{position: absolute;left: 0;right: 0;top: 32%;bottom: 0;margin: auto;z-index: 2;}
.slide-box .banner-name h3{font-size: 40px;color: #fff;letter-spacing: .5rem;}
.slide-box .banner-name p{color: #fff;font-size: 14px;font-weight: lighter;margin-top: 6px;}

.more-info .house-demo{ width: 90%;height: 280px;border: 1px solid #8C8C8C;margin-top: 5px;overflow: hidden; }
.more-info .project-detail{ -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);  margin-top: 5px;margin-bottom: 5px;padding: 20px;border-radius: 10px;}
.project-detail .border-left{width: 2px;height: 23px;background: linear-gradient(to bottom, #0650DF,#67BFE1);}
.project-detail .title{padding-left: 10px;width: calc(100% - 15px);}
.project-detail .title h3{color: #010101;line-height: 21px;}
.project-detail .title .small-title, .project-detail .title .en-title{color: #4A4A4A;}
.project-detail .title .small-title{margin-top: 12px;font-size: 13px;}
.project-detail .title .en-title{margin-top: 4px;font-size: 12px;}

.project-detail .side-house ul{ padding:20px 0 5px; }
.project-detail .side-house ul li{ font-size:12px; line-height:24px; overflow:hidden; }
.project-detail .side-house ul li>span{ float:left;margin-left:0;margin-right: 5px; color:#999;  width: 90px; }
.project-detail .side-house ul li>a{float:right;text-align: left;width: calc(100% - 99px);}
.more-info .content{margin-top: 14px;text-indent: 2em;line-height: 25px;}
.more-info .com span{padding: 0 6px;margin-right: 5px;display: inline-block;margin-bottom: 3px;}
.more-info span.one{background: #DFF1FF;color: #41A7FE;}
.more-info span.two{background: #FFDCDC;color: #FE7272;}
.more-info span.three{background: #FFF2AF;color: #F5A623;}
.more-info button{background: #00A0E9;color: #fff;height: 40px;width: 165px;text-align: center;line-height: 40px;font-size: 13px;border-radius: 5px;margin-top: 17px;}

/* .top-view{padding: 0 15px;} */
.top-view .border-left{width: 2px;height: 20px;background: linear-gradient(to bottom, #0650DF,#67BFE1);}
.top-view .title{padding-left: 8px;line-height: 18px;}
.top-view .video{margin-top: 14px;}

.inner-img{margin-top: 5px;padding-left: 90px;}
.inner-img .swiper-container{width: 600px;height: 340px;}
.inner-img .swiper-container .swiper-slide img{width: 100%;}

.around{border: 1px solid blue;height: 300px;margin-top: 14px;}

/* 区域楼盘列表 */
.white-header{background: #fff;width: 100%;height: 71px;border-bottom: 1px solid #ddd;}
.index-header .top-header{height: 70px;}
.index-header .top-header .logo{ position:absolute; top:15px; left:0; width:160px; height:40px;}
.index-header .top-header .navlist{ position:absolute; top:20px; right:0; width:460px; text-align: right;}
.index-header .top-header .navlist a.button{background: #00A0E9;color: #fff;font-size: 12px;display: inline-block;padding: 5px 20px;border-radius: 14px;margin-right: 15px;-webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.3);
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,.3)}
.index-header .top-header .navlist i{color: #333;}
.index-header .top-header .navlist a.login{color: #333;font-size: 12px;padding-left: 15px;}

.search-zong {background: #FBFBFB;padding: 15px 25px;border-radius: 5px;}
.search-zong dt{color: #353535;font-size: 12px;font-weight: 600;float: left;width: 35px;height: 20px;line-height: 20px;}
.search-zong dl:last-child dd{margin-bottom: 0;}
.search-zong .parent{margin-left: 40px;margin-bottom: 8px;}
.search-zong .parent li{float:left;margin-right: 10px;margin-bottom: 5px;color: #7E8385;font-size: 12px;}
.search-zong .parent li a{color: #7E8385;font-size: 12px;display: inline-block;height: 20px;line-height: 20px;padding: 0 8px;}
.search-zong .parent li.active a{color: #fff;background: #38B3FF;border-radius: 11px;}
.search-zong .parent li.blue a{color: #38B3FF;}

.search-zong .children{border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;padding: 8px 0;margin-left: 40px;margin-bottom: 10px;}
.search-zong .children ul{margin-bottom: 10px;}
.search-zong .children ul:last-child{margin-bottom: 0;}
.search-zong .children li{float:left;margin-right: 10px;color: #7E8385;font-size: 12px;}
.search-zong .children li a{color: #7E8385;font-size: 12px;display: inline-block;height: 20px;line-height: 20px;padding: 0 8px;}
.search-zong .children li.active a{color: #fff;background: #38B3FF;border-radius: 11px;}

.list-info{background: #FBFBFB;padding: 15px 25px;border-radius: 5px;}
.list-info .choosen{border-bottom: 1px solid #EBEBEB;padding: 2px 0 10px;}
.list-info .choosen li{float:left;margin-right: 10px;}
.list-info .choosen li a{display: inline-block;font-size: 12px;border:1px solid #00A0E9;border-radius: 5px;color: #00A0E9;padding: 1px 7px;}
.list-info .choosen li i{padding-left: 7px;}

.circle{margin-top: 8px;}
.circle h2{color:#333;margin-bottom: 18px;}
.circle li{float: left;border-right: 1px solid #EBEBEB;line-height: 15px;padding-right: 30px;margin-right: 30px;}
.circle li:last-child{border-right: none;}
.circle li h3{ color: #00A0E9;font-size: 20px;display: inline;padding: 0 5px;}
.circle li span small{color: #9B9B9B;font-size: 12px;}

.cansee{border-bottom: 1px solid #EBEBEB;margin:0 25px 0;padding-bottom: 8px;}
.cansee span{color: #00A0E9;padding: 0 5px;}

.sort{padding:10px 25px 0;}
.sort li{float: left;margin-right: 30px;}
.sort li a{color: #9B9B9B;font-size: 12px;}
.sort li.active a{color: #00A0E9;}

.result-list>li{border-bottom: 1px solid #EBEBEB;padding:10px 0 10px;margin: 5px 25px 0;}
.result-list>li:last-child{border-bottom: none;}
.result-list>li a{display: block;padding: 10px 0;margin-left: -15px;margin-right: -15px;}
.result-list>li a:hover{-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);box-shadow: 0 0 15px 0 rgba(0,0,0,.2)}
.result-list>li img{float: left;width: 215px;height: 157px;margin-left: 15px;}
.result-list .info{float: left;margin-left: 40px;width: calc(100% - 290px);}
.result-list .name{color: #333;font-size: 17px;font-weight: 600;}
.result-list .name span{display: inline-block;background: #38B3FF;color: #fff;font-size: 12px;font-weight: normal;padding: 0 5px;margin-left: 10px;vertical-align: text-bottom;}
.result-list .first .f_right{color: #00A0E9;font-size: 12px;width: 135px;}
.result-list .first .f_right b{font-size: 22px;font-weight: 600;padding-right: 5px;}
.result-list .small-info{margin-top: 5px;}
.result-list .small-info p{font-size: 12px;color: #6C6C6C;margin-bottom: 7px;}
.result-list .small-info p i{display: inline-block;width: 12px;text-align: center;margin-right: 5px;}
.result-list .small-info .f_right{width: 135px;color: #333;}
.result-list .small-info .f_right b{font-size: 22px;font-weight: 600;padding-right: 5px;}
.result-list .mianji{margin-top: 15px;}
.result-list .mianji li{float: left;}
.result-list .mianji li span{display: inline-block;background: #38B3FF;color:#fff;border-right: 1px solid #fff;font-size: 12px;padding: 1px 5px;}
.result-list .mianji li:last-child span{border-right: none;border-radius: 0 4px 4px 0;}
.result-list .mianji li:first-child span{border-radius: 4px 0 0 4px;}

.vote-star {display: inline-block;height: 17px;overflow: hidden;vertical-align: middle;background: url(../images/star.svg) repeat-x 0 -26.5px;background-size: 15px;margin-left: 10px;top: -1px;position: relative}
.vote-star i {display: inline-block;height: 17px;background: url(../images/star.svg) repeat-x 0 0;background-size: 15px}
.vote-star-1{width: 15px !important;}
.vote-star-2{width: 30px !important;}
.vote-star-3{width: 45px !important;}
.vote-star-4{width: 60px !important;}
.vote-star-5{width: 75px !important;}

/* pagination */
.contentBottom{margin: 20px 25px 0;}
.page-box{margin:0;padding:0}
.page-box a {height: 30px;padding: 0 12px;margin-left: 5px;text-align: center;line-height: 30px;border: 1px solid #E4E6E9;overflow: hidden;font-size: 12px;font-weight: 600;color: #444;display: inline-block;zoom: 1;vertical-align: middle}
.page-box a.on {font-size: 14px;font-weight: bold;text-decoration: none;cursor: default;background: #00A0E9;color: #fff;border: 1px solid #00A0E9;}

/* 评价 */
.judge-count{margin: 0 25px 18px;font-weight: normal;position: relative;}
.judge-count span{color: #00A0E9;padding: 0 5px 0 0;}
.judge-count .line{width: calc(100% - 210px);height: 1px;background: #EFF0EF;float: right;margin-top: 12px;}

.judge-score, .judge-type{margin: 0 25px 0;position: relative;}
.judge-type .choose-type li{float: left;width: 240px;}
.judge-type .choose-type .type-list{width: 85%;padding: 14px 0;text-align: center;border-radius: 5px;font-size: 13px;display: block;
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .08);}
.judge-type .choose-type .type-list.active {background: #00A0E9;color: #fff;}
.judge-type .choose-type .type-list>img{width: 23px;vertical-align: middle;padding-right: 10px;}

.demoHidden {display: none;}
.radioInput {display: inline-block;width: 14px;height: 14px;vertical-align: middle;background: #fff;border: 1px solid #ddd;border-radius: 100%;}
.demoHidden:checked+.radioInput:after {content: "";display: block;width: 10px;height: 10px;background: #FFBB00;border-radius: 100%;margin-top: 2px;margin-left: 2px;}
.demoHidden:checked+.radioInput {border: 1px solid #ddd;}

.judge-score>h3, .judge-type>h3{margin-bottom: 15px;}
.judge-score li{float: left;line-height: 15px;margin-right: 50px;}
.judge-score li h3{ color: #464B5D;font-size: 17px;display: inline;padding: 0 5px;}
.judge-score li span small{color: #898B9B;font-size: 12px;}

.go-judge{color: #fff;display: inline-block;background: #00A0E9;font-size: 12px;padding: 4px 25px;border-radius: 5px;margin-top: 10px;}

.judge .result-list{margin: 0 25px 0;}
.judge .mui-img{width: 40px;height: 40px;border-radius: 50%;vertical-align: middle;-webkit-box-shadow: 7px 4px 14px 0 rgba(0,0,0,.2);-moz-box-shadow: 7px 4px 14px 0 rgba(0,0,0,.2);box-shadow: 7px 4px 14px 0 rgba(0,0,0,.2);}
.judge .mui-user{line-height: 12px;font-size: 12px;margin-left: 15px;}
.judge .mui-user .mui-name{padding: 5px 10px 8px 0;font-size: 13px;font-weight: bold;color: #111;display: block;}
.judge .date{float: right;font-size: 12px;color: #9B9B9B;}
.judge .mui-content{color: #9B9B9B; font-size: 13px;line-height: 14px;margin-left: 55px;margin-top: 15px; padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #EFF0EF;}
.judge .mui-comments:last-child .mui-content{border: none;margin-bottom: 0;}
.judge .star-rate img{height: 12px;margin-left: -3px;}

.judge .star-rate.big{display: inline-block;cursor: pointer;margin-left: 18px;}
.judge .star-rate.big img{height: 15px;}
.judge .ping-count{color: #333;margin-right: 40px;font-size: 12px;line-height: 21px;}

.judge .detail{margin: 20px 0 0 25px;}
.judge .detail p{color: #9B9B9B;margin-bottom: 5px;}
.judge .detail p.price{font-size: 12px;}
.judge .detail p.price big{color: #00A0E9;font-weight: 600;font-size: 22px;}
/* .judge .line{width: calc(100% - 25px);height: 1px;background: #EFF0EF;float: right;margin: 20px auto 0;} */

.judge .lou-judge-tab{border-bottom: 1px solid #EFF0EF;margin: 0 25px;width: calc(100% - 25px);}
.judge .lou-judge-tab ul{padding-bottom: 5px;position: relative;}
.judge .lou-judge-tab li{float: left;position: relative;}
.judge .lou-judge-tab li a{padding: 6px 15px;font-size: 12px;color: #333;}
.judge .lou-judge-tab li.selected a{color: #38B3FF;border-bottom: 2px solid #38B3FF;}

